<template>
  <div>
    <el-input
      type="number"
      v-model="inputValue"
      :placeholder="placeholder"
    />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue"

export default defineComponent({
  props: {
    searchVal:{
      type: String,
    },
    placeholder: {
      type: String,
      default: 'Please input'
    }
  },
  emits: ["update:searchVal"],
  computed: {
		inputValue: {
			get() {
				return this.searchVal;
			},
			set(val: string) {
         this.$emit("update:searchVal", val)	
			},
		},
	},
})
</script>


